@charset "utf-8";
html,body { width:100%; overflow-x:hidden;}
html { height:100%; background:#fff;}
body { max-width:1920px; margin:0 auto; font:0/0 Arial; color:#383838; overflow-y:hidden;}
* { margin:0; padding:0; list-style:none;}
img { border:0;}
u { text-decoration:none;}
i,em,cite { font-style:normal;}
b { font-weight:normal;}
a,a:hover { text-decoration:none; color:#fe9900;}
a { color:#383838; blr:expression(this.onFocus=this.blur());}
:focus { outline:none;}
div,ul { font:12px/20px "microsoft yahei","SimSun";}
p,li,h1,dt,dd,input,select,textarea { text-align:justify; text-justify:inter-ideograph;}
h1,h2,h3,h4,h5,h6 { font:normal 12px/20px "microsoft yahei","SimSun"; text-transform:uppercase;}
table { border:#ddd 1px solid; border-collapse:collapse; border-spacing:0;}
table td { padding:0 10px; border:#ccc 1px solid; vertical-align:middle;}
table.noborder { border:0;}
table.noborder td { border:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary { display:block;}
input,select,textarea { float:left; background:none; border:0; font:14px/20px "microsoft yahei","SimSun"; color:#595757; resize:none; position:relative; z-index:20;}
input[type="submit"],.submit { cursor:pointer;}
select:-ms-expand { display:none;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color:rgba(0,0,0,0.5);}
input::-moz-placeholder,textarea::-moz-placeholder { color:rgba(0,0,0,0.5);}
input:-moz-placeholder,textarea:-moz-placeholder { color:rgba(0,0,0,0.5);}
input:-ms-input-placeholder,textarea:-ms-input-placeholder { color:rgba(0,0,0,0.5);}
.m_fl,ul,ol,li { float:left;}
.m_fr { float:right;}
.m_auto { float:none !important; margin:auto; zoom:1;}
.m_auto:after { clear:both; content:""; display:block;}
.overflow,li { overflow:hidden;}
.hidden { display:none;}
.display { display:block;}
.name { text-overflow:ellipsis; white-space:nowrap;}
.img,.banner .imgs,.loading { background:#f5f5f5 url(../images/img_loading.gif) no-repeat center center; background-size:50px; font:0/0 Arial; position:relative;}
.img img { width:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}

/**头部和尾部**/
header { width:1200px; height:100px; border-top:#fff 26px solid; border-bottom:#fff 50px solid; position:relative; top:2px\0; z-index:100;}

header:before,header:after { width:1920px; content:""; position:absolute; left:50%; margin-left:-960px; z-index:10;}
header:before { height:26px; background:#d4d9dc; top:-26px;}
header:after { height:50px; background:#005197; bottom:-50px;}

header>ul { position:absolute; z-index:30;}

header .logo { height:61px; font:0/0 Arial; top:0; right:0; bottom:0; left:0; margin:auto auto auto 0;}
header .logo img { height:100%;}

header .welcome { height:24px; line-height:24px; top:-26px; left:0;}
header .welcome li { height:100%; color:#898989;}

header .link { height:24px; line-height:24px; top:-26px; right:0;}
header .link li { height:100%; padding-left:21px; position:relative;}
header .link li:before { width:1px; height:11px; content:""; background:#898989; position:absolute; top:50%; left:10px; margin-top:-5px;}
header .link li:nth-child(1):before { display:none;}
header .link li a { color:#898989;}
header .link li a:hover { color:#005197;}

header .nav { height:50px; line-height:50px; bottom:-50px; left:0;}
header .nav li { width:168px; height:100%; margin-left:3px; text-align:center; position:relative; z-index:20;}
header .nav li>a { float:left; width:100%; height:100%; font-size:16px; color:#fff; position:relative;}
header .nav li>a.active { background:#fe9900; color:#fff;}
header .nav li.active { background:#fe9900; position:absolute; top:0; left:0; z-index:10; transition:all 0.5s;}
header .nav_index li.active,header #nav_index li.active { left:0px !important;}
header .nav_peixun li.active,header #nav_peixun li.active { left:calc(171px * 1) !important;}
header .nav_news li.active,header #nav_news li.active { left:calc(171px * 2) !important;}
header .nav_about li.active,header #nav_about li.active { left:calc(171px * 3) !important;}
header .nav_base li.active,header #nav_base li.active { left:calc(171px * 4) !important;}
header .nav_problem li.active,header #nav_problem li.active { left:calc(171px * 5) !important;}
header .nav_contact li.active,header #nav_contact li.active { left:calc(171px * 6) !important;}

header .tel { height:40px; padding-left:45px; font-size:18px; top:50%; right:0; margin-top:-20px;}
header .tel i { width:36px; height:36px; border:#464241 1px solid; border-radius:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto auto 0;}
header .tel i:before,header .tel i:after { content:""; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
header .tel i:before { width:32px; height:32px; background:#005197; border-radius:100%; z-index:10;}
header .tel i:after { width:14px; height:14px; background:url(../images/base.png); z-index:20;}

footer { width:1200px; min-height:150px; padding:30px 0; margin-top:50px !important; color:#fff; position:relative;}
#footer { position:fixed; bottom:0; left:0; z-index:100;}
footer:before { width:1920px; height:100%; content:""; background:#005197; position:absolute; top:0; left:50%; margin-left:-960px; z-index:10;}

footer>ul { position:relative; z-index:20;}

footer a { color:#fff;}
footer a:hover { color:#f90;}

footer .link { width:100%; height:20px; font-size:14px;}
footer .link li { height:100%; padding-left:31px; position:relative;}
footer .link li:before { width:1px; height:13px; content:""; background:#fff; position:absolute; top:50%; left:15px; margin-top:-6px;}
footer .link li:first-child { padding:0;}
footer .link li:first-child:before { display:none;}

footer .copyright { width:100%; padding-top:20px; line-height:28px; font-size:12px;}
footer .copyright span { margin-right:15px;}

footer .ewm { position:absolute; top:30px; right:0;}
footer .ewm li { width:168px; height:150px; margin-left:20px; position:relative;}
footer .ewm li p { overflow:hidden; position:absolute;}
footer .ewm li .img { width:140px; height:140px; border:#fff 5px solid; top:0; right:0;}
footer .ewm li .txt { width:12px; height:143px; line-height:14px; top:3px; left:0;}
footer .ewm li .txt:after { width:0; height:0; content:""; border-top:transparent 5px solid; border-bottom:transparent 5px solid; border-left:#fff 5px solid; position:absolute; bottom:0; left:4px;}

/**首页**/
section { width:1200px; position:relative; z-index:50;}
section>ul { position:relative; z-index:10;}

.slides { width:100%; height:550px;}
.slides .img { width:1920px; height:100%; font:0/0 Arial; position:absolute; top:0; left:50%; margin-left:-960px; z-index:10;}
.slides .img ul { width:10000% !important; height:100%;}
.slides .img ul li { height:100%;}
.slides .img ul li a { width:100%; height:100%; display:block;}
.slides .img ul li img { width:100%;}
.slides .dot { width:100%; height:14px; text-align:center; font:0/0 Arial; position:absolute; bottom:15px; left:0; z-index:20;}
.slides .dot li { float:none; width:14px; height:100%; margin:0 1px; border:transparent 2px solid; border-radius:100%; display:inline-block; position:relative; cursor:pointer;}
.slides .dot li:before { width:8px; height:8px; content:""; background:#fff; border-radius:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
.slides .dot li.active { margin:0 3px; border-color:rgba(254,153,0,1);}
.slides .dot li.active:before { background:rgba(254,153,0,1);}
.slides .button { width:0; height:0; font:0/0 Arial; position:absolute; top:0; z-index:1; cursor:pointer; transition:all 0.3s; opacity:0; visibility:hidden;}
.slides:hover .button { opacity:1; visibility:visible;}
.slides .prev { left:0;}
.slides .next { right:0;}

.index_title { width:100%; height:48px; background:#eff1f2; border-bottom:#fe9900 2px solid; position:relative;}
.index_title h5 { float:left; height:100%; padding:0 42px; border-bottom:#005197 2px solid; line-height:48px; font-size:18px; color:#005197; position:relative;}
.index_title h5:before { width:30px; height:22px; content:""; background:url(../images/base.png) no-repeat -20px -20px; position:absolute; top:50%; left:8px; margin-top:-11px;}
.index_title .more { height:20px; padding-right:15px; position:absolute; top:50%; right:10px; margin-top:-10px;}
.index_title .more:after { height:20px; content:">>"; font:12px/20px "SimSun"; position:absolute; top:50%; right:0; margin-top:-9px;}
.index_title .more:hover { border-bottom:#fe9900 1px solid;}

.index_icon { height:360px;}
.index_icon:before { width:1920px; height:100%; content:""; background:#eff1f2; position:absolute; top:0; left:50%; margin-left:-960px; z-index:1;}

.index_icon .list { height:100%; position:absolute; top:0; left:0;}
.index_icon .list li { width:219px; height:100%; border-left:#c9cacb 1px solid; position:relative;}
.index_icon .list li a { float:left; width:100%; height:100%; position:relative;}
.index_icon .list li a:before { width:100%; height:0; content:""; background:#fff; position:absolute; bottom:0; left:0; transition:all 0.5s;}
.index_icon .list li p { width:170px; overflow:hidden; position:absolute; left:50%; margin-left:-85px; z-index:10;}
.index_icon .list li .icon { width:94px; height:94px; background:#00a0e9; border-radius:100%; top:85px; margin-left:-47px; transition:all 0.5s;}
.index_icon .list li .icon:before { width:70px; height:60px; content:""; background:url(../images/base.png) no-repeat -50px 0; position:absolute; top:50%; left:50%; margin:-32px 0 0 -35px;}
.index_icon .list li .name { height:20px; text-align:center; font-size:18px; color:#595757; top:200px;}
.index_icon .list li .info { font-size:12px; color:#898989; top:235px;}
.index_icon .list li:nth-child(2) .icon { background:#fe9900;}
.index_icon .list li:nth-child(2) .icon:before { background-position:-120px 0; margin:-28px 0 0 -32px;}
.index_icon .list li:nth-child(3) .icon { background:#00a73c;}
.index_icon .list li:nth-child(3) .icon:before { background-position:-190px 0; margin-top:-28px;}
.index_icon .list li:nth-child(4) .icon { background:#005bac;}
.index_icon .list li:nth-child(4) .icon:before { background-position:-260px 0; margin-top:-28px;}
.index_icon .list li:hover a:before { height:100%;}
.index_icon .list li:hover .icon { transform:rotateY(180deg);}

.index_icon .form { width:280px; height:100%; padding:0 20px; background:#e6002d; position:absolute; top:0; right:0;}
.index_icon .form li { width:calc(100% - 65px); height:36px; padding-left:65px; margin-top:10px; line-height:36px; font-size:14px; overflow:visible; position:relative;}
.index_icon .form li>span { height:100%; color:#fff; position:absolute; top:0; left:0;}
.index_icon .form input[type=text] { width:100%; height:calc(100% - 2px); padding-bottom:2px; background:#fff; text-indent:8px;}
.index_icon .form input[type=text]:focus { color:#000;}
.index_icon .form li.name { width:100%; padding:0 0 3px; text-align:center; font-size:20px; color:#fff;}
.index_icon .form li.sex { margin:5px 0 -5px;}
.index_icon .form li.sex i { float:left; height:100%; padding-left:18px; margin:0 20px 0 8px; color:#fff; position:relative; cursor:pointer;}
.index_icon .form li.sex i:before { width:12px; height:12px; content:""; background:#fff; border-radius:100%; position:absolute; top:50%; left:0; margin-top:-6px;}
.index_icon .form li.sex i.selected:after { width:6px; height:6px; content:""; background:#333; border-radius:100%; position:absolute; top:50%; left:3px; margin-top:-3px;}
.index_icon .form li.sfz input[type=text] { height:calc(100% - 1px); padding-bottom:1px;}
.index_icon .form li.submit { width:calc(100% - 130px); height:42px; padding:0; margin:20px 65px; background:#fe9900; border-radius:5px; text-align:center; line-height:40px; font-size:16px; color:#fff;}
.index_icon .form li.loading { width:100%; height:100%; padding:0; margin:0; background-color:rgba(0,0,0,0.3); position:absolute; top:0; left:0; z-index:20; display:none;}

.index_about { height:330px; margin-top:50px;}
.index_about .about { width:800px; height:100%; position:relative;}
.index_about .about .img { width:390px; height:260px; font:0/0 Arial; overflow:hidden; position:absolute; bottom:0; left:0;}
.index_about .about .img img { transition:all 0.8s;}
.index_about .about .img:hover img { transform:scale(1.05);}
.index_about .about .info { width:395px; height:260px; position:absolute; top:68px; right:0; z-index:10;}
.index_about .about ul.more { width:80px; height:30px; line-height:26px; position:absolute; bottom:0; left:405px; z-index:20;}
.index_about .about ul.more a { float:left; width:calc(100% - 2px); height:calc(100% - 2px); border:#9fa0a0 1px solid; border-radius:8px; text-align:center;}
.index_about .about ul.more a i { padding-right:12px; display:inline-block; position:relative;}
.index_about .about ul.more a i:after { height:20px; content:">"; font:12px/20px "SimSun"; position:absolute; top:50%; right:0; margin-top:-9px;}
.index_about .about ul.more a:hover { border-color:#fe9900;}

.index_about .honor { width:360px; height:100%; position:relative;}
.index_about .honor .list { width:100%; height:260px; position:absolute; bottom:0; left:0;}
.index_about .honor .list li { width:100%; height:100%; position:relative;}
.index_about .honor .list li p { overflow:hidden; position:absolute;}
.index_about .honor .list li .img { width:calc(100% - 2px); height:calc(100% - 2px); border:#f0f0f0 1px solid; top:0; left:0;}
.index_about .honor .list li .img img { transition:all 0.8s;}
.index_about .honor .list li:hover .img { border-color:#fe9900;}
.index_about .honor .list li:hover .img img { transform:scale(1.03);}

.index_photo { margin-top:50px;}
.index_photo .list { width:105%;}
.index_photo .list li { width:285px; margin:20px 20px 0 0;}
.index_photo .list li p { float:left; width:100%; text-align:center; overflow:hidden;}
.index_photo .list li .img { height:206px;}
.index_photo .list li .img img { transition:all 0.5s;}
.index_photo .list li .name { width:calc(100% - 10px); height:34px; padding:0 5px; background:#efeff0; line-height:32px;}
.index_photo .list li:hover .img img { transform:scale(1.05);}
.index_photo .list li:hover .name { background:#005197; color:#fff;}

.index_news { height:330px; margin-top:50px;}
.index_news .left { width:800px; height:100%; position:relative;}
.index_news .imglist { width:390px; height:260px; position:absolute; bottom:0; left:0;}
.index_news .imglist .img { width:100%; height:100%; line-height:0; font-size:0; position:absolute; top:0; left:0; z-index:10;}
.index_news .imglist .img ul { width:10000% !important; height:100%;}
.index_news .imglist .img ul li { height:100%;}
.index_news .imglist .img ul li a { width:100%; height:100%; display:block; position:relative;}
.index_news .imglist .img ul li p { width:100%; overflow:hidden; position:absolute; bottom:0; left:0; z-index:20;}
.index_news .imglist .img ul li .imgs { height:100%; z-index:10;}
.index_news .imglist .img ul li .imgs img { width:100%;}
.index_news .imglist .img ul li .name { width:calc(100% - 95px); height:34px; padding:0 85px 0 10px; background:rgba(0,0,0,0.6); line-height:34px; font-size:12px; color:#fff;}
.index_news .imglist .dot { height:8px; font:0/0 Arial; position:absolute; bottom:13px; right:8px; z-index:20;}
.index_news .imglist .dot li { width:8px; height:100%; margin-left:4px; background:rgba(255,255,255,0.8); display:inline-block; position:relative; cursor:pointer;}
.index_news .imglist .dot li.active { background:rgba(0,81,151,1);}
.index_news .imglist .img ul li:hover .name { color:#fe9900;}

.index_news .txtlist { width:395px; height:260px; position:absolute; bottom:4px; right:0;}
.index_news .txtlist li { width:100%; height:20px; margin-bottom:7.5px; text-indent:10px; font-size:12px; position:relative; z-index:10;}
.index_news .txtlist li span { float:right; margin-left:20px; text-indent:0; font-size:12px; color:#898989;}
.index_news .txtlist li a { width:100%; height:100%; overflow:hidden; display:block; position:relative;}
.index_news .txtlist li a:before { width:4px; height:4px; content:""; background:#595757; border-radius:2px; position:absolute; top:50%; left:0; margin-top:-2px;}
.index_news .txtlist li:hover a:before { background:#fe9900;}
.index_news .txtlist li:hover span { color:#fe9900;}

.index_news .right { width:360px; height:100%; position:relative;}
.index_news .right .txtlist { width:100%;}
.index_news .right .txtlist li a { text-overflow:ellipsis; white-space:nowrap;}

.index_link { margin-top:50px; position:relative;}
.index_link:before { width:1920px; height:1px; content:""; background:#c9cacb; position:absolute; top:0; left:50%; margin-left:-960px;}
.index_link .list { width:calc(100% + 0px); margin:10px 0 -35px 0px;}
.index_link .list li { height:24px; margin:5px 0 0 15px; line-height:24px; position:relative;}
.index_link .list li a { float:left; height:100%;}
.index_link .list li:first-child { margin:5px -10px 0 0; color:#005197;}

/**公共**/
.banner { width:1920px; margin-bottom:50px; position:relative; left:50%; margin-left:-960px; z-index:10;}
.banner .imgs { width:100%; text-align:center; font:0/0 Arial; position:relative; z-index:10;}

.allSelect em { position:absolute;}
.allSelect em.value { width:calc(100% - 65px); height:calc(100% - 0px); background:#fff; text-indent:8px; font-size:14px; top:0; right:0; cursor:pointer;}
.allSelect em.value:after { width:0; height:0; content:""; border-right:transparent 7px solid; border-left:transparent 7px solid; border-top:#ccc 7px solid; position:absolute; top:50%; right:9px; margin-top:-3px; transition-duration:400ms;}
.allSelect em.id { display:none;}
.allSelect em.open { border-color:#ff7e00;}
.allSelect em.open:after { border-top-color:#ff7e00; transform:rotate(180deg);}
.allSelect dl { width:calc(100% - 66px); max-height:209px; background:#fff; border:#595757 1px solid; position:absolute; top:calc(100% - 1px); right:-1px; cursor:auto; z-index:100; transition-duration:400ms; transform:translateY(0); opacity:0; visibility:hidden; overflow-x:hidden; overflow-y:auto;}
.allSelect dl dd { float:left; width:100%; height:34px; border-top:#f7f7f7 1px solid; text-indent:8px; line-height:34px; font-size:14px; overflow:hidden; cursor:pointer;}
.allSelect dl dd a { float:left; width:100%; height:100%;}
.allSelect dl dd:first-child { border:0;}
.allSelect dl dd i { display:none;}
.allSelect dl dd:hover { background:rgba(157,107,54,0.1);}
.allSelect dl dd.active { background:rgba(157,107,54,0.2);}
.allSelect dl dd.none { color:#b0b0b0;}
.allSelect dl.open { transform:translateY(2px); opacity:1; visibility:visible;}

main { width:1200px; position:relative; z-index:90;}
.main_left { width:260px;}
.main_right { width:900px; background:#fff;}
.main_left_fix { position:absolute; left:50%; margin-left:-600px;}

.main_left .menu { width:240px; padding:79px 10px 0; background:#eff1f2; position:relative; z-index:30;}
.main_left .menu span { width:260px; height:80px; background:#005197; position:absolute; top:0; left:0; z-index:20;}
.main_left .menu h5,.main_left .menu h6 { width:100%; text-align:center; color:#fff; position:absolute; left:0;}
.main_left .menu h5 { line-height:18px; font-size:20px; top:21px;}
.main_left .menu h6 { line-height:12px; font-size:12px; bottom:21px;}
.main_left .menu li { width:100%; height:45px; border-top:#dcdddd 1px solid; line-height:46px; font-size:14px; overflow:visible; position:relative; z-index:10;}
.main_left .menu li>a { float:left; width:100%; height:100%; text-indent:25px; position:relative;}
.main_left .menu li>a:before,.main_left .menu li>a:after { content:""; background:url(../images/base.png) no-repeat; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; transition:all 0.5s;}
.main_left .menu li>a:before { width:11px; height:11px; background-position:0 -50px; margin-left:5px;}
.main_left .menu li>a:after { width:5px; height:9px; background-position:-30px -50px; margin-right:10px;}
.main_left .menu li:hover>a,.main_left .menu li>a.active { color:#fe9900;}
.main_left .menu li:hover>a:before,.main_left .menu li>a.active:before { background-position:0 -65px;}
.main_left .menu li:hover>a:after,.main_left .menu li>a.active:after { background-position:-20px -50px;}

.main_left .icon { width:100%; margin-top:14px; position:relative;}
.main_left .icon li { width:100%; height:60px; margin-top:6px; background:#e6002d; position:relative;}
.main_left .icon li a { float:left; width:100%; height:100%; position:relative;}
.main_left .icon li a:before,.main_left .icon li a:after { content:""; background:url(../images/base.png) no-repeat; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
.main_left .icon li a:before { width:32px; height:32px; background-position:-146px -60px; margin-left:15px;}
.main_left .icon li a:after { width:11px; height:21px; background-position:-35px -60px; margin-right:15px;}
.main_left .icon li p { overflow:hidden; position:absolute;}
.main_left .icon li .name { height:20px; font-size:18px; color:#fff; top:50%; left:78px; margin-top:-10px; transition:all 0.3s;}
.main_left .icon li:nth-child(2) { background:#00a0e9;}
.main_left .icon li:nth-child(2) a:before { background-position:-50px -60px;}
.main_left .icon li:nth-child(3) { background:#fe9900;}
.main_left .icon li:nth-child(3) a:before { background-position:-82px -60px;}
.main_left .icon li:nth-child(4) { background:#00a73c;}
.main_left .icon li:nth-child(4) a:before { background-position:-114px -60px;}
.main_left .icon li:hover .name { left:92px;}

.main_left .contact { width:240px; padding:66px 10px 10px; margin-top:20px; background:#eff1f2; line-height:22px; position:relative;}
.main_left .contact>span { width:260px; height:60px; background:#005197; position:absolute; top:0; left:0; z-index:20;}
.main_left .contact>span h5 { width:100%; height:20px; text-align:center; line-height:18px; font-size:20px; color:#fff; position:absolute; top:50%; left:0; margin-top:-10px;}

.location { width:100%; height:53px; margin-bottom:25px; background:#eaedef; border-top:#fe9900 2px solid; position:relative; z-index:10;}
.location h5 { height:100%; padding:0 30px 0 32px; line-height:52px; font-size:18px; color:#005197; position:absolute; top:0; left:0;}
.location h5:before,.location h5:after { content:""; position:absolute;}
.location h5:before { width:100%; height:2px; background:#005197; top:-2px; left:0;}
.location h5:after { width:8px; height:8px; background:#005197; top:50%; left:15px; margin-top:-4px; transform:rotate(45deg);}
.location span { height:14px; line-height:12px; font-family:"SimSun"; color:#898989; position:absolute; top:50%; right:15px; margin-top:-7px;}
.location span i,.location span a { font-family:"microsoft yahei"; color:#898989; position:relative;}
.location span i { padding-left:18px;}
.location span i:before { width:14px; height:14px; content:""; background:url(../images/base.png) no-repeat 0 -20px; position:absolute; top:50%; left:0; margin-top:-8px;}
.location span a:hover { color:#fe9900;}

/**内容**/
article { width:100%; line-height:26px; font-size:14px; margin:-7px 0 -6px;}
article img { max-width:100%; margin:7px auto -2px;}
article iframe { max-width:100%; margin:7px 0 -2px;}
article video { max-width:100% !important; height:auto !important; margin:7px 0 -2px; background:#000;}
article .no { margin-top:0; font:0/0 Arial;}
article .no:first-child,article iframe:first-child { margin-top:7px !important;}
article .no img { margin-top:0 !important;}

/**列表**/
#list { width:100%; position:relative; z-index:20;}

#list .pages { width:calc(100% - 100px); height:29px; padding:20px 100px 0 0; margin:22px 0 0 0; border-top:#c9caca 1px solid; text-align:right; position:relative; z-index:100;}
#list .pages>a,#list .pages span { height:27px; line-height:26px; padding:0 10px; margin-left:10px; border:#c8cfd2 1px solid; border-radius:3px; display:inline-block; position:relative;}
#list .pages>a:hover,#list .pages span { background:#005197; border-color:#005197; color:#fff;}
#list .pages .nums { float:left; height:100%; padding:0; margin:0 30px 0 0; background:none; border:0; line-height:28px; color:#595757;}
#list .pages .nums i { padding:0 3px;}
#list .pages .none { border-color:#ccc; color:#ccc; cursor:no-drop;}
#list .pages .none:hover { background:none; border-color:#ccc; color:#ccc;}

#list .pages .gotoPage { width:60px; height:29px; background:none; border:0; color:#595757; position:absolute; top:20px; right:0;}
#list .pages .gotoPage em { position:absolute;}
#list .pages .gotoPage em.value { width:calc(100% - 2px); height:calc(100% - 2px); line-height:26px; border:#c8cfd2 1px solid; border-radius:3px; top:0; left:0; text-align:left; text-indent:9px; cursor:pointer;}
#list .pages .gotoPage em.value:after { width:0; height:0; content:""; border-right:transparent 6px solid; border-left:transparent 6px solid; border-top:#ccc 6px solid; display:block; position:absolute; top:50%; right:9px; margin-top:-3px; transition-duration:400ms;}
#list .pages .gotoPage em.open { border-color:#005197;}
#list .pages .gotoPage em.open:after { transform:rotate(180deg);}
#list .pages .gotoPage dl { width:calc(100% - 2px); max-height:161px; background:#fff; border:#005197 1px solid; position:absolute; bottom:calc(100% + 2px); right:0; cursor:auto; z-index:100; transition-duration:400ms; transform:translateY(-2%); opacity:0; visibility:hidden; overflow-x:hidden; overflow-y:scroll;}
#list .pages .gotoPage dl dd { float:left; width:100%; height:26px; line-height:24px; border-top:#f7f7f7 1px solid; text-indent:9px; overflow:hidden;}
#list .pages .gotoPage dl dd a { float:left; width:100%; height:100%;}
#list .pages .gotoPage dl dd:first-child { border:0;}
#list .pages .gotoPage dl dd a:hover,#list .pages .gotoPage dl dd a.active { background:rgba(0,0,0,0.1); color:#005197;}
#list .pages .gotoPage dl.open { transform:translateY(0); opacity:1; visibility:visible;}

#list .list_news { width:100%; margin:-20px 0 -23px; background:#fff; position:relative; z-index:90;}
#list .list_news li { width:100%; padding-bottom:18px; margin-top:16px; border-bottom:#c9caca 1px dotted;}
#list .list_news li p { position:relative; z-index:10;}
#list .list_news li .name { padding-bottom:12px; line-height:22px; font-size:16px; white-space:normal;}
#list .list_news li .name a { color:#3a3a3a;}
#list .list_news li .imgs { float:left; height:78px; margin:0 15px 0 0; font:0/0 Arial; overflow:hidden; z-index:20;}
#list .list_news li .imgs img { width:auto; height:100%; transition:all 0.8s;}
#list .list_news li .date { line-height:12px; color:#898989;}
#list .list_news li .info { margin-top:10px; color:#777;}
#list .list_news li:hover a { color:#005197;}
#list .list_news li:hover .imgs img { transform:scale(1.08);}

#list .list_photo { width:105%; margin-top:-15px;}
#list .list_photo li { width:290px; margin:15px 15px 0 0;}
#list .list_photo li p { float:left; width:100%; text-align:center; overflow:hidden;}
#list .list_photo li .img { height:209px;}
#list .list_photo li .img img { transition:all 0.5s;}
#list .list_photo li .name { width:calc(100% - 10px); height:34px; padding:0 5px; background:#eaedef; line-height:32px;}
#list .list_photo li:hover .img img { transform:scale(1.05);}
#list .list_photo li:hover .name { background:#005197; color:#fff;}

#list .order_form { width:320px; padding:20px 40px 15px; background:#eaedef; border-radius:10px; position:relative;}
#list .order_form li { width:calc(100% - 65px); height:36px; padding-left:65px; margin-top:15px; line-height:36px; font-size:14px; overflow:visible; position:relative;}
#list .order_form li>span { height:100%; position:absolute; top:0; left:0;}
#list .order_form input[type=text] { width:100%; height:calc(100% - 2px); padding-bottom:2px; background:rgba(0,81,151,0.2); text-indent:8px;}
#list .order_form input[type=text]:focus { color:#000;}
#list .order_form li.sex { margin:5px 0 -10px;}
#list .order_form li.sex i { float:left; height:100%; padding-left:18px; margin:0 20px 0 8px; position:relative; cursor:pointer;}
#list .order_form li.sex i:before { width:12px; height:12px; content:""; background:#005197; border-radius:100%; position:absolute; top:50%; left:0; margin-top:-6px;}
#list .order_form li.sex i.selected:after { width:6px; height:6px; content:""; background:#fe9900; border-radius:100%; position:absolute; top:50%; left:3px; margin-top:-3px;}
#list .order_form li.sfz input[type=text] { height:calc(100% - 1px); padding-bottom:1px;}
#list .order_form li.submit { width:calc(100% - 130px); height:42px; padding:0; margin:20px 65px; background:#fe9900; border-radius:5px; text-align:center; line-height:40px; font-size:16px; color:#fff;}
#list .order_form li.loading { width:100%; height:100%; padding:0; margin:0; background-color:rgba(0,0,0,0.3); position:absolute; top:0; left:0; z-index:20; display:none;}
#list .order_form li.allSelect em { background:rgba(0,81,151,0.2);}
#list .order_form li.allSelect em.value:after { border-top:#fff 7px solid;}
#list .order_form li.allSelect dl { width:calc(100% - 67px); right:0;}

#list .msg_form { width:100%; height:390px; background:#eaedef; border:#efefef 0px solid; position:relative;}
#list .msg_form li { width:100%; height:50px; position:absolute; z-index:10;}
#list .msg_form li:before { width:20px; height:16px; content:""; background:url(../images/base.png) no-repeat 20px 0; position:absolute; top:50%; left:13px; z-index:10; margin-top:-8px;}
#list .msg_form li input { width:calc(100% - 2px); height:calc(100% - 4px); padding-bottom:2px; border:#b5b5b5 1px solid; text-indent:40px;}
#list .msg_form li textarea { width:calc(100% - 28px); height:calc(100% - 20px); padding:9px 13px; border:#b5b5b5 1px solid;}
#list .msg_form li input:focus,#list .msg_form li textarea:focus { border-color:#fe9900;}
#list .msg_form li.user { width:402px; background:#fff; top:40px; left:40px;}
#list .msg_form li.user:before { background-position:-245px -60px;}
#list .msg_form li.tel { width:402px; background:#fff; top:40px; right:40px;}
#list .msg_form li.tel:before { background-position:-265px -60px;}
#list .msg_form li.detail { width:820px; height:180px; background:#fff; top:105px; left:40px;}
#list .msg_form li.submit { width:126px; height:46px; background:#000; border:0; text-align:center; line-height:44px; font-size:16px; color:#fff; bottom:40px; right:40px;}
#list .msg_form li.submit:hover { background:#fe9900;}
#list .msg_form li.submit i { padding-left:28px; display:inline-block; position:relative;}
#list .msg_form li.submit i:before { width:16px; height:15px; content:""; background:url(../images/base.png) no-repeat -245px -80px; position:absolute; top:50%; left:0; margin-top:-7px;}
#list .msg_form li.loading { width:100%; height:100%; background-color:rgba(0,0,0,0.1); border:0; top:0; left:0; z-index:30; display:none;}

/**内容**/
#detail { width:100%; position:relative;}

#detail .pages { width:100%; margin:30px 0 -6px; padding-top:10px; border-top:#ddd 1px solid;}
#detail .pages li { width:100%; margin-top:2px; height:24px; line-height:24px; text-overflow:ellipsis; white-space:nowrap;}
#detail .pages li .none { color:#9aa1a5;}

#detail .view_news_title { width:100%; margin:0 0 30px; border-bottom:#ddd 1px dotted;}
#detail .view_news_title h1,#detail .view_news_title h2 { float:left; width:100%; text-align:center;}
#detail .view_news_title h1 { margin:-6px 0 8px; line-height:30px; font-size:20px; font-weight:bold; color:#30363a;}
#detail .view_news_title h2 { margin-bottom:10px; line-height:20px; color:#898989;}
#detail .view_news_title h2 span { margin-right:15px; text-transform:none; display:inline-block;}

/**弹出**/
#pop_div { width:100%; height:100%; background:rgba(0,0,0,0.6); position:fixed; top:0; left:0; z-index:9999; transition:all 0.3s; opacity:0; visibility:hidden;}
#pop_div.open { opacity:1; visibility:visible;}

.pop_photo { width:100%; text-align:center; position:absolute; top:50%; left:0; transition:all 0.3s; transform:translateY(-20px); opacity:0; visibility:hidden;}
.pop_photo.open { transform:translateY(0); opacity:1; visibility:visible;}
.pop_photo .list { float:none !important; font:0/0 Arial; position:relative; display:inline-block;}
.pop_photo .list img { position:relative; /*max-height:600px;*/ z-index:10;}
.pop_photo .list li { position:absolute; cursor:pointer; z-index:20;}
.pop_photo .list .close { width:29px; height:29px; background:rgba(0,0,0,0.6); border:#fff 1px solid; border-radius:100%; top:-16px; right:-16px;}
.pop_photo .list .close:before { width:13px; height:13px; content:""; background:url(../images/base.png) no-repeat -186px -66px; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; cursor:pointer; transition:all 0.5s;}
.pop_photo .list .close:hover { background:rgba(254,153,0,0.8);}
.pop_photo .list .close:hover:before { transform:rotate(180deg);}
.pop_photo .list .title { width:calc(100% - 20px); height:34px; padding:0 10px; background:rgba(0,0,0,0.5); line-height:34px; font-size:14px; color:#fff; bottom:0; left:0; cursor:auto;}
.pop_photo .list .loading { width:100%; height:100%; background-color:rgba(0,0,0,0.2) !important; top:0; left:0; z-index:30; display:none;}
.pop_photo .list .page { width:78px; height:32px; background:rgba(0,0,0,0.5); border:#fff 1px solid; border-radius:3px; text-align:center; color:#fff; position:absolute; bottom:-50px;}
.pop_photo .list .page i { height:100%; line-height:32px; font-size:14px; position:relative; display:inline-block;}
.pop_photo .list .page i:before { width:6px; height:17px; content:""; background:url(../images/base.png) no-repeat 50px 0; position:absolute; top:50%; margin-top:-8px;}
.pop_photo .list .page:hover { border-color:#fe9900; color:#fe9900;}
.pop_photo .list .page.prev { left:50%; margin-left:-90px;}
.pop_photo .list .page.prev i { padding-left:12px;}
.pop_photo .list .page.prev i:before { background-position:-210px -60px; left:0;}
.pop_photo .list .page.prev i:hover:before { background-position:-225px -60px;}
.pop_photo .list .page.prev.end { border-color:#898989; color:#898989;}
.pop_photo .list .page.prev.end i:before { background-position:-235px -60px;}
.pop_photo .list .page.next { right:50%; margin-right:-90px;}
.pop_photo .list .page.next i { padding-right:12px;}
.pop_photo .list .page.next i:before { background-position:-228px -77px; right:0;}
.pop_photo .list .page.next:hover i:before { background-position:-213px -77px;}
.pop_photo .list .page.next.end { border-color:#898989; color:#898989;}
.pop_photo .list .page.next.end i:before { background-position:-238px -77px;}